<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta name="language" content="en" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app ()->request->baseUrl; ?>/css/menu/fixedMenu_style1.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app ()->request->baseUrl; ?>/css/menu/dock.css" />
<?php 

$cs = Yii::app ()->getClientScript (); 
$cs = Yii::app ()->getClientScript()->registerCoreScript ('jquery'); 
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/menu/jquery.fixedMenu.js");
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/menu/dock.js");
?>

<title>dddd</title> 
</head>

<body id='page'>
	<script>
		$('document').ready(function(){
            $('.menu').fixedMenu();
            
        });
</script>
				
 	<div id='wrap'>
 		<div id='header'>
			<div class="menu">

        <ul>
   		<?php $wgGoodsType = WgGoodsType::model ()->findAllObject();
			 if($wgGoodsType){
			 foreach ($wgGoodsType as $t)
				{
		?>
            <li>
                <a href="#"><?php echo $t->typeName?><span class="arrow"></span></a>
                
                <ul>
                	<?php foreach($t->sonTypes as $s){?>
                    <li><a href="http://www.ajaxshake.com/en/JS/1111/jquery.html"><?php echo $s['typeName']?></a></li>
                    <?php }?>
                </ul>
            </li>
            <?php }}?>
        </ul>
    </div>
    
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="#"><img src="images/dock/home.png" alt="home" /><span>Home</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/email.png" alt="contact" /><span>Contact</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/music.png" alt="music" /><span>Music</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/video.png" alt="video" /><span>Video</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/history.png" alt="history" /><span>History</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="calendar" /><span>Calendar</span></a> 
  <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a> 
</div>
</div>
<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 40,
					proximity: 90,
					halign : 'center'
				}
			)
		}
	);

</script>
		</div>
 		<div id='content-holder'>
 		</div>
 	
 	</div>
 	
 	
</body>
</html>